<?php

/*//////////////////////////////////////////////////////////

This is simply a boilerplate for starting new projects :)

It follows standard html5 best practises and also has
placeholders for loading in jQuery and Google Analytics

It's wrapped up in a php script just so that you can
add or remove parts of it with some simple flags

/*///////////////////////////////////////////////////////////

?>
<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>CSS BASSLINES</title>

  <?php /* ==-- Custom Meta tags --== */ ?>
  <meta name="keywords" content="<?php echo KEYWORDS; ?>" >
  <meta name="description" content="<?php echo DESCRIPTION; ?>" >
  <meta name="author" content="<?php echo AUTHOR; ?>"  >
  <meta name="Copyright" content="Copyright <?php echo AUTHOR; ?> 2011. All Rights Reserved.">

  <?php /* ==-- Don't forget to set your site up: http://google.com/webmasters --== */ ?>
  <meta name="google-site-verification" content="">

  <?php /* ==-- Dublin Core Metadata : http://dublincore.org/ --== */ ?>
  <meta name="DC.title" content="<?php echo get_bloginfo( 'name' ); ?>">
  <meta name="DC.subject" content="<?php echo DESCRIPTION; ?>">
  <meta name="DC.creator" content="<?php echo AUTHOR; ?>">	

  <?php 
  /* ==-- Fav Icons --== */ 
  /* This is the traditional favicon :
      - size: 16x16 or 32x32
      - transparency is OK
      - see wikipedia for info on browser support: http://mky.be/favicon/ 
  */ ?>
  <link rel="icon" href="favicon.ico" type="image/x-icon" >
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
  <?php 
  /* ==-- Apple Icons --== */ 
  /* The is the icon for iOS's Web Clip.
      - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
      - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
      - Transparency is not recommended (iOS will put a black BG behind the icon) 
  */ ?>
  <link rel="apple-touch-icon" href="apple-touch-icon.png">

  <!-- http://humanstxt.org -->
  <link rel="author" href="<?php echo home_url( '/' ); ?>humans.txt" type="text/plain">
  <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
  <link rel="profile" href="http://gmpg.org/xfn/11">

  <!-- # CSS [ -->
  <link rel="stylesheet" type="text/css" href="type.css.php?<?php echo $queryString; ?>" media="screen" /> 
  <link rel="stylesheet" type="text/css" href="type.css.php?<?php echo $queryString . '&print=1'; ?>" media="print" />
  <link rel="stylesheet" type="text/css" href="layout.css.php?<?php echo $queryString; ?>" /> 
  <!-- ] CSS -->

</head>

<body>

<!-- # Begin [ -->
  <header></header>

  <section></section>

  <footer></footer>
<!-- ] End -->

<!-- # JS [ -->
  <?php /* ==-- jQuery --== */ ?>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
  <script>window.jQuery || document.write("<script src='js/jquery-1.6.1.min.js'>\x3C/script>")</script>

  <?php /* ==-- Google Analytics Asynchronous --== */ ?>
  <script>
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-11669243-11']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
<!-- ] JS -->
</body>
</html>